@use '../../../scss/gio-layout' as gio-layout;
@use 'sass:map';
@use 'node_modules/@angular/material' as mat;
@use '../../../scss/gio-material-theme' as gio;

$typography: map.get(gio.$gio-theme, typography);
$background: map.get(gio.$gio-theme, background);

:host {
  @include gio-layout.gio-responsive-margin-container;
}

.org-settings-notification-templates {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;

  &__card {
    margin-bottom: 32px;
  }

  &__list {
    &__item {
      cursor: pointer;
      &:hover {
        background-color: mat.get-color-from-palette($background, hover);
      }
    }
  }
}
